<form id="caigou-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">发运线路:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-dianchang_id" data-rule="required" data-source="report/yunfei/cgline" class="form-control selectpage form-control" name="xianlu" type="text" value="">
        </div>
    </div>



    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">日期范围:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-riqi" class="form-control datetimerange " data-date-format="YYYY-MM-DD" data-use-current="true" name="riqi" type="text" value="">
        </div>
    </div>


    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button id="dosubmit" type="button" class="btn btn-success">{:__('OK')}</button>
            <button type="reset" class="btn btn-default">{:__('Reset')}</button>
        </div>
    </div>
</form>






<div class="row">

    <div id="caigou" style="height:600px;width:100%;"></div>

</div>


<script>

    var data_url="{:url('cgdata')}";


    option = {
        title : {
            text: '发运量拆线图',
            // subtext: '纯属虚构'
        },
        tooltip : {
            trigger: 'axis'
        },

        toolbox: {
            show : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : [ ],
                axisLabel : {
                    formatter: null,
                    rotate: 30,
                    textStyle: {
                        color: '#333'
                    }
                }
            }

        ],
        yAxis : [
            {
                type : 'value',
                axisLabel : {
                    formatter: '¥{value}'
                }
            }
        ],
        series : [
            {
                name:'运量',
                type:'line',
                data:[ ],
                markPoint : {
                    data : [
                        {type : 'max', name: '最高:'},
                        {type : 'min', name: '最低:'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                },
            }
        ]
    };



</script>
